<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <meta name="keywords" content=""/>
  <meta name="description" content=""/>
  <meta name="author" content=""/>
  <link rel="icon" th:href="@{/assets/images/favicon.png}" type="image/png"/>
  <title>ZookeeperUI</title>

    <!--Begin  Page Level  CSS -->
    <link th:href="@{/assets/plugins/jquery-ui/jquery-ui.min.css}" rel="stylesheet"/>
     <!--End  Page Level  CSS -->
    <link th:href="@{/assets/css/icons.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/responsive.css}" rel="stylesheet"/>
    
</head>

<body class="sticky-header">


    <!--Start left side Menu-->
    <div class="left-side sticky-left-side">

        <!--logo-->
        <div class="logo">
            <a th:href="@{/index}"><img th:src="@{/assets/images/logo.png}" alt=""></a>
        </div>

        <div class="logo-icon text-center">
            <a href="@{/index}"><img th:src="@{/assets/images/logo-icon.png}" alt=""></a>
        </div>
        <!--logo-->

        <div class="left-side-inner">
            <!--Sidebar nav-->
            <ul class="nav nav-pills nav-stacked custom-nav">
                <li class="menu-list nav-active"><a th:href="@{/zk/treeNode/v1/index}"><i class="icon-home"></i> <span>zookeeper</span></a>
                    <ul class="sub-menu-list">
                        <li class="active"><a th:href="@{/zk/treeNode/v1/index}" target="main-iframe">zookeeper节点树</a></li>
                    </ul>
                </li>
                <!-- <li class="menu-list"><a><i class="icon-layers"></i> <span>客户号APP配置</span></a>
                    <ul class="sub-menu-list">
                        <li><a th:href="@{/index}">客户号配置</a></li>
                        <li><a th:href="@{/index}">APP配置</a></li>
                    </ul>
                </li>
                <li class="menu-list"><a><i class="icon-layers"></i> <span>组织机构应用配置</span></a>
                    <ul class="sub-menu-list">
                        <li><a th:href="@{/index}">组织机构配置</a></li>
                        <li><a th:href="@{/index}">APP配置</a></li>
                    </ul>
                </li> -->
            </ul>
            <!--End sidebar nav-->
        </div>
    </div>
    <!--End left side menu-->


    <!-- main content start-->
    <div class="main-content">
        <!-- header section start-->
        <div class="header-section">
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img src="assets/images/users/avatar-6.jpg" alt="" />
                            zookeeper
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li> <a href="#"> <i class="fa fa-wrench"></i> Settings </a> </li>
                            <li> <a href="#"> <i class="fa fa-user"></i> Profile </a> </li>
                            <li> <a href="#"> <i class="fa fa-info"></i> Help </a> </li>
                            <li> <a href="#"> <i class="fa fa-lock"></i> Logout </a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!--notification menu end -->
        </div>
        <!-- header section end-->
        <!--body wrapper start-->
        <div class="wrapper" style="height: 832px;padding: 0px">
            <iframe th:src="@{/zk/treeNode/v1/index}" id="main-iframe" name="main-iframe" width="100%" height="100%"></iframe>
        </div>
        <footer class="footer-main">Zookeeper@anicert</footer>
    </div>
      <!--End main content -->

    <!--Begin core plugin -->
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/plugins/moment/moment.js}"></script>
    <script th:src="@{/assets/js/jquery.slimscroll.js}"></script>
    <script th:src="@{/assets/js/jquery.nicescroll.js}"></script>
    <script th:src="@{/assets/js/functions.js}"></script>
    <!-- End core plugin -->

</body>

</html>
